@use "../../../../styles/mixin.scss" as mixin;
.ai-stream-chat-content-wrapper {
    border-radius: 8px;
    background: var(--Colors-Use-Neutral-Bg-Hover);
}
.ai-stream-chat-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    gap: 4px;

    .title {
        padding: 8px 0px 8px 12px;
        border-radius: 8px 0 0 8px;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        gap: 4px;
        @include mixin.mpb-color-text();
    }
    .ai-stream-content {
        padding: 8px 12px 8px 0;
        border-radius: 0 8px 8px 0;
        color: var(--Colors-Use-Neutral-Text-1-Title);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        display: flex;
        justify-content: flex-end;
        position: relative;
        .ai-mask {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            background: linear-gradient(
                to right,
                var(--Colors-Use-Neutral-Bg-Hover) 0%,
                rgba(255, 255, 255, 0) 20%,
                rgba(255, 255, 255, 0) 80%,
                transparent 100%
            );
        }
    }
}

.tooltip-stream-content {
    max-height: 40vh;
    overflow: auto;
}
